<template>
  <div>
    <Input/>
    <div class="wode">
    <div class="kapian">
      <div class="kapian1">
        <div class="kapian1_1"><p>GL RZxoxo</p></div>
        <div class="kapian1_2">
          <div> <p>1</p><p>关注</p> </div>
          <div><p>2.3亿</p>  <p>粉丝</p></div>
          <div> <p>20亿</p> <p>访客</p> </div>
        </div>
      </div>
      <div class="kapian2"><img src="touxiang/touxiangda.png" alt=""></div>
    </div>
    <div class="zhanji">
      <div class="zhanji1">战绩&nbsp;&nbsp;&nbsp;&nbsp;帖子</div>
      <div class="zhanji2">卡片管理</div>
    </div>
    <Zhanji></Zhanji>
  </div>
    <Foot/>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
.wode{
  font-size: 0.15rem;
  width: 100%;
  height: auto;
  overflow: auto;
  position: absolute;
  top: 0.5rem;
  bottom: .7rem;
  height: auto;
  background: url('https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimgx.xiawu.com%2Fxzimg%2Fi4%2FTB1AFf5KpXXXXakXpXXXXXXXXXX_%21%212-item_pic.png&refer=http%3A%2F%2Fimgx.xiawu.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1648207052&t=ecc4b7c8594350218d77c866af0d54c7') no-repeat;
}
.wode>img{
  width: 100%;
  height:1rem;
}
.kapian{
  width: 100%;
  height: 1.8rem;
  margin-top: 0.4rem;
  display: flex;
}
.kapian1{
  width: 60%;
/* background-color:blue ; */
text-align: center;
}
.kapian2{
  width: 40%;
/* background-color: brown; */
}
.kapian1_1{
  height: 50%;
font-size: 0.2rem;
color: aliceblue;
}
.kapian1_2{
    height: 50%;
  display: flex;
}
.kapian1_2>div{
  width: 25%;
  text-align: center;
  color: aliceblue;
}
.kapian2>img{
  width: 95%;
  height: 95%;
  border-radius: 50%;
  border: 0.03rem solid #a9a47e;
}
.zhanji{
  width: 100%;
  height: 0.6rem;
  /* background-color: aquamarine; */
  display: flex;
  justify-content: space-between;
}
.zhanji1{
  font-size: .2rem ;
  font-weight: 500;
  color: aliceblue;
}
.zhanji2{
  width: 15%;
  height: 60%;
  border: 0.04rem solid #a9a47e;
  font-size: 0.1rem;
  line-height: 0.4rem;
  color: #a9a47e;
}
</style>